<template>
  <div class="search">
    <div class="input-box">
      <Input
        size="large"
        style="width: 300px"
        placeholder="遇到 bug? 搜一搜"
        v-model="searchContent"
        @on-enter="enterSearch">

        <Icon
          type="ios-search"
          slot="suffix"
          style="cursor: pointer"
          @click="search"/>
      </Input>
    </div>
  </div>
</template>

<script>
  export default {
    name: "",
    components: {},
    data() {
      return {
        //搜索的内容
        searchContent:""
      }
    },
    methods: {
      //搜索框 enter
      enterSearch: function () {
        this.search();
      },
      //搜索
      search: function () {
        //输入的内容
        let content = this.searchContent.trim();
      }
    },
    mounted() {
    }
  }
</script>

<style scoped>
  .search {
  }

  .search .input-box {

  }
</style>
